<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style></style>
  </head>
  <body>
    <div>
      <h1>Webpack加载资源的方式</h1>
      <p>1.遵循ES Modules标准的import声明</p>
      <p>2.遵循CommonJS标准的require函数</p>
      <p>3.遵循AMD标准的define函数和require函数</p>
      <p>Loader加载的非JavaScript也会触发资源加载</p>
      <p>4.css-loader（--improt--@import url等）</p>
      <p>5.html-loader---img的src属性,a标签的href属性</p>
      <p>因为html-loader加载器不认识a标签的href属性,所以配置如下</p>
      <p>
        module:{ rules:[ { test: /.html$/, use: { loader: 'html-loader',
        options: { attrs:['img:src','a:href'] } } } ] }
      </p>
    </div>
    <script></script>
  </body>
</html>
